Function: before(domElementOrMarkupStringOrCSSSelector, domInsertionElement, functionCallback(domElement)) Description: Inserts a DOM element, markup string, or CSS selector referenced element before a target element in the DOM. Returns: domElement, or $A object if chained. Example: // Insert a DOM element before another element targetted with a CSS selector var myElement = $A.before(domElement, "#myTargetNodeId"); // Insert a markup string element before another DOM element var myElement = $A.before('
Here we are now, entertain us.
', domElement); // Insert one element referenced by a CSS selector before another DOM element var myElement = $A.before("#myTargetNodeToMove", domElement); // Insert a DOM element before another DOM element and exicute a callback when done var myElement = $A.before(domElementToMove, domElementToTarget, function(domElementToMove) { // Do something with domElementToMove after the insertion is complete. }); // Or the same using chaining // Insert a DOM element before another element targetted with a CSS selector var myChain = $A(domElement).before("#myTargetNodeId"); // Insert a markup string element before another DOM element var myChain = $A('
Here we are now, entertain us.
').before(domElement); // Insert one element referenced by a CSS selector before another DOM element var myChain = $A("#myTargetNodeToMove").before(domElement); // Insert a DOM element before another DOM element and exicute a callback when done var myChain = $A(domElementToMove).before(domElementToTarget, function(domElementToMove) { // Do something with domElementToMove after the insertion is complete. }); // To return the modified element within a chain, use the "return()" method. var myElement = myChain.return();